body,div,ul,li,p {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	height: 100%;
	width: 100%;
    min-width: 1200px;
}

li {
	list-style-type: none;
}

a {
	text-decoration: none;
	color: #333333
}

.header {
	z-index: 200;
	position: relative;
	line-height: 40px;
	width: 100%;
	height: 40px;
	background: #333;
	font-size: 12px;
}

.wrap {
	width: 1226px;
	margin: 0 auto;
	color: #b0b0b0;
}

.header-left {
	float: left;
}

.header-right {
	float: right;
}

.header li {
	position: relative;
	float: left;
}

.header a {
	color: #b0b0b0;
}

.header a:hover {
	color: #ffffff;
	text-decoration: none;
}

.header span {
	color: #424242;
	margin: 0 6px;
}

.cart {
	position: relative;
	width: 120px;
	height: 40px;
	background-color: #424242;
	margin-left: 25px;
	cursor: pointer;
}

.cart-list {
	/*display: none;*/
	line-height: 100px;
	position: absolute;
	top: 40px;
	right: 0px;
	width: 316px;
	height: 0px;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
	transition: all .3s;
	color: #ff6700;
}

.cart:hover>.cart-list {
	height: auto;
}

.download {
	width: 124px;
	height: 0px;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -62px;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 1px 5px #aaaaaa;
	transition: all .3s;
}

.download img {
	width: 90px;
	margin: 18px 0 12px;
}

.download>a {
	display: block;
}

.download p {
	color: #333333;
	font-size: 14px;
	line-height: 14px;
}

.header-left>li:hover>.download {
	height: 148px;
}

.triangle {
	display: none;
	position: absolute;
	bottom: 0;
	left: 40%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-bottom: white 8px solid;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

.header-left>li:hover>.triangle {
	display: block;
}
/*导航栏开始*/
.nav{
    z-index: 100;
    position: relative;
    width: 100%;
    height: 100px;
    background-color:#ffffff;
}
.logo {
    margin-top: 22px;
    float: left;
    width: 56px;
    height: 56px;
}
.nav-bar{
    float: left;
    width: 874px;
    height: 100px;
    line-height: 100px;
    padding-left: 172px;
    box-sizing: border-box;
}
.nav-bar>ul>li>a{
    color: #333333;
}
.search{
    position: absolute;
    margin-top: 25px;
    margin-left: 895px;
    float: right;
    width:350px;
    height: 50px;
    background-color: #ffffff;
}
.logo img{
    width:100%;
}
.nav-bar>ul>li{
    float: left;
    padding: 0 10px;
}
.nav-bar>ul>li>a:hover{
    color: #ff6700;
	text-decoration: none;
}
.nav-bar-list{
    display: none;
    position: absolute;
    left: 0;
    top:100px;
    width: 100%;
    height: 229px;
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
    box-shadow: 0 3px 4px rgba(0,0,0,.18);
}
.nav-bar li:hover>.nav-bar-list{
    display: block;
}
.nav-bar-list li{
    width: 204px;
    height: 200px;
    padding-top: 22px;
    float: left;
}
.nav-img-box{
    width: 100%;
    border-right: 2px solid #e0e0e0;
    box-sizing: border-box;
}
.nav-img-box img{
    width: 70%;
    height: 70%;
}
.nav-bar-list p{
    font-size: 12px;
    line-height: 20px;
}
.nav-bar-list p:nth-of-type(2){
    color: #ff6700;
}
.nav-bar-list li:last-child .nav-img-box{
    border-right: none;
}
.search>input{
    float: left;
    width: 223px;
    height: 48px;
    padding: 0 10px;
    border: 1px solid #e0e0e0;
    /*去掉input点击时的外边框*/
    outline: none;
    border-right: none;
    transition: all .2s;
}
.search>button{
    border:1px solid #e0e0e0;
    float: left;
    width: 52px;
    height: 48px;
    transition: all .2s;
    font-size: 16px;
    background-color: #fff;
}
.search>button:hover{
    background-color:#ff6700;
    border-color: #ff6700;
    color: white;
}
.search>input:hover,.search>input:hover+button{
    border-color: #b0b0b0;
}
.search>input:focus,.search>input:focus+button{
    border-color: #ff6700;
}
.search-list{
    background-color: #fff;
    display: none;
    position: absolute;
    left:0px;
    top:47px;
    width: 244px;
    height: 244px;
    border: 1px solid #ff6700;
    border-top: none;
}
.search>input:focus~.search-list{
    display: block;
}
.search-list>a{
    color: #b0b0b0;
    width: 100%;
    height: 30px;
    padding: 6px 15px;
    box-sizing: border-box;
    display: block;
    text-align: left;
}
.search-list>a:hover{
    background-color: #fafafa;
    color: #333333;
	text-decoration: none;
}
/*导航栏结束*/
* {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
.main {
	width: 1230px;
	height: 460px;
	margin-top: -130px;
	margin-right: auto;
	margin-left: auto;
	/* margin-left: 150px; */
	margin-bottom: auto;
	overflow: hidden;
	position: relative;
}

.banner {
	height: 460px;
	width: 1230px;
	overflow: hidden;
	position: relative;
}

.banner-slide {
	height: 460px;
	width: 1230px;
	background-repeat: no-repeat;
	position: relative;
	display: none;
}

.slide_active {
	display: block;
}

.button {
	position: absolute;
	width: 40px;
	height: 80px;
	left: 244px;
	top: 50%;
	margin-top: -40px;
	background: url(../img/arrow.png) center center no-repeat;
}

.prev {
	transform: rotate(180deg);
}

.next {
	left: auto;
	right: 0;
}

.button:hover {
	background-color: #333;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.dots {
	position: absolute;
	right: 0;
	bottom: 24px;
	text-align: right;
	right: 20px;
}

.dots span {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(7, 17, 27, 0.4);
	margin-left: 8px;
	line-height: 12px;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8) inset;
	cursor: pointer;
}

.dots span.active {
	box-shadow: 0 0 0 2px rgba(7, 17, 27, 0.4) inset;
	background: #fff;
}

.menu-box{
	width: 230px;
	height: 460px;	
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(7,17,27,0.5);
	opacity:0.5;
	z-index:1;
	
}
.menu-contern{
	width: 230px;
	height: 454px;
	position: absolute;
	left: 0;
	top: 0;
	z-index:2;
	padding-top:6px;
	margin-top: 10px;
}
.menu-item{
	height: 43px;
	line-height: 43px;
	font-size: 16px;
	padding:0 24px;
	position: relative;}
.menu-item a:link,.menu-item a:visited{
	color: #fff;
}
.menu-item a{
		display: block;
		padding:0 8px;
		height:63px;
		text-decoration: none;
	}
	@font-face {
		font-family:"iconfont";
		src: url("../img/font/iconfont.eot");
		src: url("../img/font/iconfont.eot") format("embedded-opentype"),
			url("../img/font/iconfont.woff") format("woff"),
			url("../img/font/iconfont.tff") format("truetype"),
			 url("../img/font/iconfont.svg#iconfog") format("svg");
	}
.menu-item i{
	position:absolute;
	right:4px;
	font-size:40px;
	top:2px;
	font-family:"iconfont";
	font-style:normal;
	font-weight:normal;
	color: rgba(255,255,255,0.5);
}
/* .sub-menu{
	width: 1200px;
	height: 458px;
	border: 1px solid #d9dde1;
	background:#fff;
	position:absolute;
	left:228px;
	top:0;
	z-index:99;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
} */
.inner-box{
	width: 1000px;
	height: 100%;
	background-color: white;
	display: none;
}
.sub-inner-box{
	width: 1200px;
	overflow: hidden;
	height: 458px;
	border: 1px solid #d9dde1;
	background:#fff;
	position:absolute;
	left:228px;
	top:0;
	z-index:99;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
}
a{
	text-decoration: none;
	color: #333;
}
.sub-row{
	margin-bottom:25px;
	margin-top: 12px;
	margin-left: -21px;
	text-align: left;
}
.hide{
	display: none;
}
.menu-item a span{
	position: absolute;
	margin-left: -85px;
	font-size: 14px;
}

.sub-row span{
	margin: 0px 170px 0px 35px;
	font-size: 14px;
	margin-bottom: 20px;
	float: left;
}
.sub-row img{
	margin-bottom: 10px;
}
.sub-row a{
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
}